@import './reset.less';

.sfabric-container {
    .w100();
    .rel();
    .h(100%);
}

//选中状态
.active-li {
  .blackBgColor(.4) !important;
}
//左边导航栏
.date-item {
  .h_lh(26px);
}


//右边内容
.right-container {
    .fl();
    .w(94%);
    .ml(90px);
    .mr(30px);
}

.right-container-hide {
  .fl();
  .w(84.5%);
  .ml(270px);
}
//按钮属性

//新建按钮
.btn_list {
    .fr();
    .h(100%);
}
.btn-new{
    .fl();
    .db();
    .w(212px);
    .h(100%);
    .tc();
    &:hover {
        .blackBgColor(.2);
    }
}
.btn-new-text{
    .db();
    .w(100%);
    .h_lh(64px);
    .whiteColor(.8);
    .bg-m('../images/add.png');
    background-size: 11px 11px;
    .bgp(65px,27px);
}

//订单生成按钮
.order_btn() {
    .db();
    .w(106px);
    .h_lh(34px);
    .mt(11px);
    .pd(0, 10px);
    .font-s(14px);
    .cp();
    .ti(15px);
    .border(1px,#fff);
    .border-c(255,255,255,.2);
    .bg-m('../images/select.png');
    .bgp(100px, 15px);
}


//详情页按钮块
.btn-comm{
    .fr();
    .mt(13px);
    .mr(10px);
    .cp();
}
.btn-comm-bg{
    .fl();
    .rel();
    .ml(10px);
    .w(124px);
    .h(34px);
    .border(1px,#fff);
    .border-c(255,255,255,.3);
    &:hover{
        .border-c(255,255,255,.6);
    }
}
//无背景图按钮
.btn-comm-sm{
    .fl();
    .w(100px);
    .h(34px);
    .ml(10px);
    .border(1px,#fff);
    .border-c(255,255,255,.3);
    &:hover{
        .border-c(255,255,255,.6);
    }
}
//带背景图的
.bg-comm-text{
    .db();
    .w(100%);
    .h_lh(34px);
    .font-s(14px);
}
//关联单据
.bills{
    .rel();
    .w(126px);
    .bg-m('../images/select.png');
    .bgp(97px, 15px);
    .ti(20px);
}
.bills-hover{
    .z-i(99);
    .abs();
    .l(-1px);
    .t(34px);
    .w(124px);
    .whiteColor(.8);
    .tc();
    .font-s(14px);
    .border(1px,#ddd);
    .bkg(#2a3845);
}
.list-text{
    .h_lh(28px);
    &:hover{
        .blackBgColor(.2);
    }
}
.list-bg{
    text-indent: 15px;
    .bg-m('../images/yangban.png');
    background-size: 17px 15px;
    .bgp(13px,7px);
}
.comm-sty{
    .db();
    .h_lh(34px);
    .whiteColor(.8);
    .font-s(14px);
}

.order{
    .w(100%);
    .tc();
}

//寄板记录
.record {
    .ti(43px);
    .bg-m('../images/br_icon.7bc2b33.png');
    .bgp(12px, 9px);

}
//不带背景图的
.text-comm{
    .db();
    .w(100%);
    .h_lh(34px);
    .whiteColor(.8);
    .font-s(14px);
    .tc();
}
//打印按钮
.print {
    .db();
    .w(100%);
    .h_lh(34px);
    .bg-m('../images/dayin.png');
    .bgp(12px, 9px);
    .ti(43px);
}

//详情操作图片块
.btn-list {
    .h_lh(64px);
    .fr();
}

.btn-bg {
    .fl();
    .w(64px);
    .h(64px);
    &:hover {
        .blackBgColor(.2);
    }
}

.appoint {
    .bg_img(64px, 64px, '../images/xq_zhipai.png', 24px, 25px);
}

.save {
    .bg_img(64px, 64px, '../images/save.png', 24px, 25px);
}

.cancel-btn {
    .bg_img(64px, 64px, '../images/close_tc.png', 24px, 25px);
}

.create-bg {
  .bg_img(64px, 64px, '../images/add.png', 24px, 25px);
}

.edit-bg {
    .bg_img(64px, 64px, '../images/edit.png', 24px, 25px);
}

.delete-bg {
    .bg_img(64px, 64px, '../images/delete.png', 24px, 25px);
}

//列表页的编辑和删除操作
.list-btn-sm{
    .fl();
    .w(40px);
    .h(40px);
    .ml(3px);
    .mt(10px);
}
.list-btn-bg{
    .w(40px);
    .h(40px);
    .cp();
}
.edit-sm-bg {
    .bg-m('../images/edit.png');
    .bgp(13px, 13px);
}

.delete-sm-bg {
    .bg-m('../images/delete.png');
    .bgp(13px, 13px);
}

//详情页小按钮

.btn-sm-list{
    .w(100%);
    .h(40px);
}
.btn-sm-sm{
    .fl();
    .w(40px);
    .h(40px);
    .ml(1px);
    .blackBgColor(.3);
}
.btn-sm-add{
    .db();
    .w(100%);
    .h(40px);
    .bg-m('../images/add.png');
    .bgp(10px,10px);
}
.btn-sm-copy {
  .db();
  .w(100%);
  .h(40px);
  .bg-m('../images/copy.png');
  .bgp(10px,10px);
}
.btn-sm-delete{
    .db();
    .w(100%);
    .h(40px);
    .bg-m('../images/delete.png');
    .bgp(13px,12px);
}
.btn-sm-import{
  .db();
  .w(100%);
  .h(40px);
  .bg-m('../images/daoru.png');
  .bgp(13px,12px);
}
.btn-sm-export{
  .db();
  .w(100%);
  .h(40px);
  .bg-m('../images/daochu.png');
  .bgp(13px,12px);
}
//审核按钮
.status-btn{
    .fr();
    .mt(10px);
    .mr(10px);
}
.btn-status{
    .db();
    .fl();
    .ml(5px);
    .w(46px);
    .h(18px);
    .lh(17px);
    .font-s(14px);
    .tc();
    .cp();
    .whiteColor(.4);
    .border-r(1px);
    .border(1px,#fafafa);
}
.btn-nocheck{
    .border-c(255,86,30,.4);
    .bkg(#1f7126);
    .bkg-c(224,128,49,.1);
    &:hover{
        .whiteColor(.8);
        .bkg-c(224,128,49,.4);
        .border-c(255,86,30,.8);
    }
}
.btn-checked{
    .border-c(114,199,54,.4);
    .bkg(#1f7126);

    .bkg-c(31,113,38,.4);
    &:hover{
        .whiteColor(.8);
        .bkg-c(31,113,38,.4);
        .border-c(114,199,54,.8);
    }
}
//字体自动撑高
.r_span {
    .abs();
    //          left: 50%;
    .t(50%);
    word-wrap: break-word;
    .lh(20px);
    .tl();
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    max-height: 60px;
    overflow-y: hidden;
}
/*三角形排序*/

.paixu::before {
  .abs();
  .t(-1px);
  .r(-12px);
  .cp();
  content: "";
  border-top: 4px solid transparent;
  border-bottom: 4px solid hsla(0, 0%, 100%, .8);
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.paixu::after {
  .abs();
  .b(-1px);
  .r(-12px);
  .cp();
  content: "";
  border-top: 4px solid hsla(0, 0%, 100%, .8);
  border-bottom: 4px solid transparent;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.third-paixu::before{
  .l(47px);
}
.third-paixu::after{
  .l(47px);
}
.four-paixu::before{
  .l(60px);
}
.four-paixu::after{
  .l(60px);
}
.five-paixu::before{
  .l(73px);
}
.five-paixu::after{
  .l(73px);
}
//状态、重要程度字体颜色
.yiban {
    .lh(60px);
    .font-s(12px);
    color: rgb(0, 153, 0);
}

.important {
    .lh(60px);
    .font-s(12px);
    color: rgb(255, 156, 66);
}

.very_im {
    .lh(60px);
    .font-s(12px);
    color: rgb(230, 119, 66);
}
.no-im{
    color: #3985e6;
}
.weishen {
    .lh(60px);
    .font-s(12px);
    color: #f25c37;
}

.yishen {
    .lh(60px);
    .font-s(12px);
    color: #a8dc3c;
}
.finished{
    color: #8298a3;
}
.cancel-status{
    color: #c47c25;
}
.clear{
    .clearfix();
}

/*复选框*/
.checked-area{
    padding: 0px 8px;
    background:url('../images/noselect8.png') no-repeat left center;
}
.checked-area-active{
    padding: 0px 8px;
    background: url('../images/selected8.png') no-repeat 0 center;
}
.checked-area-black{
    padding: 0px 8px;
    background:url('../img/c-noselect.png') no-repeat left center;
}
.checked-area-black-active{
    padding: 0px 8px;
    background: url('../img/c-selected.png') no-repeat 0 center;
}
.checked-checkbox{
    position: absolute;
    clip: rect(0 0 0 0);
}
/*四行省略*/
.ell-three-line {
    display: -webkit-box;
    /** 多行省略失效 **/
    /*autoprefixer: off*/
    -webkit-box-orient: vertical;
    /*autoprefixer: on*/
    -webkit-line-clamp: 3;
    overflow: hidden;
}
//颜色渐变
//从左到右渐变
.bg-linear(@color1,@color2){
    background: -webkit-linear-gradient(left,@color1, @color2); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right,@color1, @color2); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right,@color1, @color2); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right,@color1, @color2); /* 标准的语法 */
}
//按钮属性
.btn-sm{
    .w(84px);
    .fl();
}
.btn-sm-in{
    .dib();
    .w(82px);
    .h(30px);
    .lh(26px);
    .whiteColor(.4);
    .font-s(14px);
    .cp();
    .border(1px,#c9692a);
}
.btn-sm-com{
    .whiteColor(.8);
}
.btn-lg{
    .w(126px);
    .fr();
}
.btn-lg-in{
    .dib();
    .w(124px);
    .h(30px);
    .lh(26px);
    .whiteColor(.8);
    .font-s(14px);
    .cp();
    .border(1px,#c9692a);
    .border-r(1px);
    .bg-linear(#ED741D,#fc511f);
}
.fl{
    .fl();
}
.fr{
    .fr();
}
.ta-l {
  text-align: left !important;
}
.ta-r {
  text-align: right !important;
}
